<template>
  <div class="logo-container">
    <el-space>
      <img style="height: 50px" :src="urlPath" alt="" />
      <span>{{ appTitle }}</span>
    </el-space>
  </div>
</template>

<script setup lang="ts">
defineOptions({
  name: "LogoComponent",
});
import { ref, onMounted } from "vue";

const urlPath = ref("");
const appTitle = ref("");
onMounted(() => {
  appTitle.value = "vue-admin-template";
  urlPath.value = "http://192.168.44.128:9000/test/vue.svg";
});
</script>

<style lang="scss" scoped>
.logo-container {
  background-color: skyblue;
  width: 100%;
  height: 50px;
}
</style>
